
<!-- /.aside -->
<section id="content" style="height: 700px;">
  <section class="hbox stretch">
     <section>
      <section class="vbox">
        <section class="scrollable padder-lg w-f-md" id="bjax-target">
          <a (click)="refresh()" class="pull-right text-muted m-t-lg" data-toggle="class:fa-spin" ><i class="icon-refresh i-lg  inline" id="refresh"></i></a>
          <h2 class="font-thin m-b">推荐项目 <span class="musicbar animate inline m-l-sm" style="width:20px;height:20px">
                    <span class="bar1 a1 bg-primary lter"></span>
                    <span class="bar2 a2 bg-info lt"></span>
                    <span class="bar3 a3 bg-success"></span>
                    <span class="bar4 a4 bg-warning dk"></span>
                    <span class="bar5 a5 bg-danger dker"></span>
                  </span></h2>

            <project-recommended-list>recommend</project-recommended-list>

          <div class="row">
            <project-ranking>project-ranking</project-ranking>
            <div class="col-md-5" style="height:500px;">
              <h3 class="font-thin">用户排行</h3>

              <user-ranking></user-ranking>
            </div>
          </div>
          <base-foot></base-foot>
        </section>

      </section>

    </section>
    <!-- side content -->

    <!-- / side content -->
  </section>

  <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>

</section>



